<html>
  <head>
    <title>Monopoly</title>
    <link rel="stylesheet" type="text/css" href="/stylesheets/style_new.css">
  </head>
  <body>
      <div id="header"> 
    <h1><img src="/images/Monopoly.jpg" style="float:left" height="65"/>Monopoly
      <span>(write anything here?)</span></h1>
    </div>
    <div id="container">
      <section id="left">
        <form action="/onSearch" method="get" class="defaultForm">
          Enter A Single Product:<br/>
          <input class="input" id="searchInput"  type="text" name="search" value={{search}}>
          <input type="radio" name="search_type" value="newSrch"/> New Search
          <input type="radio" name="search_type" value="addItm" CHECKED/> Add Item
          <input class="subButton" type="submit" value="Search">
        </form>
      </section>
      <section id="right">
        <div name="budget" id="rSet">
          <form action="/onReset" method="post" class="defaultForm">
            Budget:
            <div id="budgetDisplay">{{totalPrice}}</div>
            <input type="submit" value="Reset" class="subButton" id="resetButton">
          </form>
        </div>
        <div name="totalPrice" id="rSet">
          <form action="#" method="post" class="defaultForm">
            Total Price:
            <div id="totalDisplay">{{totalPrice}}</div>
            
          </form>
        </div>
      </section>
    </div>
    <div id="rescontainer">
      <div id="result" name="Results">
          Search Results: {{gradeCount}} <br/>
          Products: {{search}}
      </div>
    </div>
  </body>
</html>
